<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
    <ul class="nav nav-tabs" >
        <li class="active">
            <a href="#tab-general" data-toggle="tab" aria-expanded="false">基本信息</a>
        </li>
        <li class="">
            <a href="#tab-zh_cn" data-toggle="tab" aria-expanded="false">中文</a>
        </li>
        <li class="">
            <a href="#tab-en" data-toggle="tab" aria-expanded="false">英语</a>
        </li>
    </ul>
    <div class="tab-content" style="padding-top: 10px;">
        <div class="tab-pane active" id="tab-general">
            <div class="form-group">
                <label class="control-label col-xs-12 col-sm-2">{:__('Level')}:</label>
                <div class="col-xs-12 col-sm-8">
                    <select id="c-level" data-rule="required" class="form-control selectpicker" name="row[level]">
                        {foreach name="level" item="vo"}
                        <option value="{$key}" {in name="key" value="1"}selected{/in}>{$vo}</option>
                        {/foreach}
                    </select>
                </div>
            </div>

            <div class="form-group">
                <label class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
                <div class="col-xs-12 col-sm-8">
                    <input id="c-name" data-rule="required" class="form-control" name="row[name]" type="text" value="">
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-xs-12 col-sm-2">{:__('Image')}:</label>
                <div class="col-xs-12 col-sm-8">
                    <div class="input-group">
                        <input id="c-image" data-rule="required" class="form-control" size="50" name="row[image]" type="text" value="">
                        <div class="input-group-addon no-border no-padding">
                            <span><button type="button" id="faupload-image" class="btn btn-danger faupload" data-input-id="c-image" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="false" data-preview-id="p-image"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                            <span><button type="button" id="fachoose-image" class="btn btn-primary fachoose" data-input-id="c-image" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                        </div>
                        <span class="msg-box n-right" for="c-image"></span>
                    </div>
                    <ul class="row list-inline faupload-preview" id="p-image"></ul>
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-xs-12 col-sm-2">{:__('Content')}:</label>
                <div class="col-xs-12 col-sm-8">
                    <textarea id="c-content" class="form-control editor" rows="5" name="row[content]" cols="50"></textarea>
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-xs-12 col-sm-2">{:__('Up_sign_activity')}:</label>
                <div class="col-xs-12 col-sm-8">
                    <input id="c-up_sign_activity" data-rule="required" class="form-control" name="row[up_sign_activity]" type="number">
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-xs-12 col-sm-2">{:__('Up_score')}:</label>
                <div class="col-xs-12 col-sm-8">
                    <input id="c-up_score" data-rule="required" class="form-control" name="row[up_score]" type="number">
                </div>
            </div>
        </div>

        <div class="tab-pane" id="tab-zh_cn">
            <div class="form-group">
                <label class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
                <div class="col-xs-12 col-sm-8">
                    <input id="c-name_zh_cn" class="form-control" name="row[name_zh_cn]" type="text" value="">
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-xs-12 col-sm-2">{:__('Content')}:</label>
                <div class="col-xs-12 col-sm-8">
                    <textarea id="c-content_zh_cn" class="form-control editor" rows="5" name="row[content_zh_cn]" cols="50"></textarea>
                </div>
            </div>

        </div>
        <div class="tab-pane" id="tab-en">
            <div class="form-group">
                <label class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
                <div class="col-xs-12 col-sm-8">
                    <input id="c-name_en" class="form-control" name="row[name_en]" type="text" value="">
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-xs-12 col-sm-2">{:__('Content')}:</label>
                <div class="col-xs-12 col-sm-8">
                    <textarea id="c-content_en" class="form-control editor" rows="5" name="row[content_en]" cols="50"></textarea>
                </div>
            </div>
        </div>
    </div>

    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-primary btn-embossed disabled">{:__('OK')}</button>
        </div>
    </div>
</form>
